<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>netMusic</title>
    <script src="../node_modules/jquery/dist/jquery.min.js"></script>
    <script src="./js/request.js"></script>
    <script src="./js/reqIndex.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script src="./js/common.js"></script>
    <link rel="stylesheet" href="./css/common/normalize.css">
    <link rel="stylesheet" href="./css/base/base.css">
    <link rel="stylesheet" href="./css/common/common.css">
    <link rel="stylesheet" href="./css/common/rank.css">
    <link rel="stylesheet" href="./css/common/album.css">
    <link rel="stylesheet" href="./css/common//recomendList.css">
    <link rel="stylesheet" href="./fonts/iconfont.css">
    <link rel="stylesheet" href="./css/common/swiper.min.css">
    <link rel="stylesheet" href="./css/common/swiper.css">
    <link rel="shortcut icon" href="./resource/static/favicon.ico" type="image/x-icon">
</head>

<body>
    <!-- 头部呀 -->
    <header></header>
    <main>
        <div class="main">
            <!-- Swiper -->
            <div class="swiper">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination"></div>
                    <!-- Add Arrows -->
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                </div>
            </div>

            <!-- album专辑 -->
            <p>专辑</p>
            <div class=stage-box>
                <div class=wrapper>

                </div>
            </div>

            <!-- rank为推荐观看 -->
            <div class="rank">
                <div class="section-rank">
                    <h4>排 行 榜</h4>
                    <a href="./my.html">更多></a>
                    <ul class="toplist">
                        <li class="toplist-item">
                            <div class="toplist-bg toplist-bgd1"></div>
                            <div class="toplist-tit">
                                <i class="toplist-line"></i>
                                <i class="icon_play">
                                    <img src="./resource/static/icon_play.png" alt="">
                                </i>
                                <h3 class="toplist-head">
                                    巅峰榜
                                    <p>热歌</p>
                                </h3>
                                <ul class="toplist-song">
                                    <li class="toplist-songname">
                                        <p>
                                            1 花海<br>&nbsp;&nbsp;&nbsp;周杰伦
                                        </p>
                                    </li>
                                    <li class="toplist-songname">
                                        <p>
                                            2 晴天<br>&nbsp;&nbsp;&nbsp;周杰伦
                                        </p>
                                    </li>
                                    <li class="toplist-songname">
                                        <p>
                                            3 时光洪流<br>&nbsp;&nbsp;&nbsp;程响
                                        </p>
                                    </li>
                                </ul>

                            </div>
                        </li>
                        <li class="toplist-item">
                            <div class="toplist-bg toplist-bgd2"></div>
                            <div class="toplist-tit">
                                <i class="toplist-line"></i>
                                <i class="icon_play">
                                    <img src="./resource/static/icon_play.png" alt="">
                                </i>
                                <h3 class="toplist-head">
                                    巅峰榜
                                    <p>热歌</p>
                                </h3>
                                <ul class="toplist-song">
                                    <li class="toplist-songname">
                                        <p>
                                            1 花海<br>&nbsp;&nbsp;&nbsp;周杰伦
                                        </p>
                                    </li>
                                    <li class="toplist-songname">
                                        <p>
                                            2 晴天<br>&nbsp;&nbsp;&nbsp;周杰伦
                                        </p>
                                    </li>
                                    <li class="toplist-songname">
                                        <p>
                                            3 时光洪流<br>&nbsp;&nbsp;&nbsp;程响
                                        </p>
                                    </li>
                                </ul>

                            </div>
                        </li>
                        <li class="toplist-item">
                            <div class="toplist-bg toplist-bgd3"></div>
                            <div class="toplist-tit">
                                <i class="toplist-line"></i>
                                <i class="icon_play">
                                    <img src="./resource/static/icon_play.png" alt="">
                                </i>
                                <h3 class="toplist-head">
                                    巅峰榜
                                    <p>热歌</p>
                                </h3>
                                <ul class="toplist-song">
                                    <li class="toplist-songname">
                                        <p>
                                            1 花海<br>&nbsp;&nbsp;&nbsp;周杰伦
                                        </p>
                                    </li>
                                    <li class="toplist-songname">
                                        <p>
                                            2 晴天<br>&nbsp;&nbsp;&nbsp;周杰伦
                                        </p>
                                    </li>
                                    <li class="toplist-songname">
                                        <p>
                                            3 时光洪流<br>&nbsp;&nbsp;&nbsp;程响
                                        </p>
                                    </li>
                                </ul>

                            </div>
                        </li>
                        <li class="toplist-item">
                            <div class="toplist-bg toplist-bgd4"></div>
                            <div class="toplist-tit">
                                <i class="toplist-line"></i>
                                <i class="icon_play">
                                    <img src="./resource/static/icon_play.png" alt="">
                                </i>
                                <h3 class="toplist-head">
                                    巅峰榜
                                    <p>热歌</p>
                                </h3>
                                <ul class="toplist-song">
                                    <li class="toplist-songname">
                                        <p>
                                            1 花海<br>&nbsp;&nbsp;&nbsp;周杰伦
                                        </p>
                                    </li>
                                    <li class="toplist-songname">
                                        <p>
                                            2 晴天<br>&nbsp;&nbsp;&nbsp;周杰伦
                                        </p>
                                    </li>
                                    <li class="toplist-songname">
                                        <p>
                                            3 时光洪流<br>&nbsp;&nbsp;&nbsp;程响
                                        </p>
                                    </li>
                                </ul>

                            </div>
                        </li>
                        <li class="toplist-item">
                            <div class="toplist-bg toplist-bgd5"></div>
                            <div class="toplist-tit">
                                <i class="toplist-line"></i>
                                <i class="icon_play">
                                    <img src="./resource/static/icon_play.png" alt="">
                                </i>
                                <h3 class="toplist-head">
                                    巅峰榜
                                    <p>热歌</p>
                                </h3>
                                <ul class="toplist-song">
                                    <li class="toplist-songname">
                                        <p>
                                            1 花海<br>&nbsp;&nbsp;&nbsp;周杰伦
                                        </p>
                                    </li>
                                    <li class="toplist-songname">
                                        <p>
                                            2 晴天<br>&nbsp;&nbsp;&nbsp;周杰伦
                                        </p>
                                    </li>
                                    <li class="toplist-songname">
                                        <p>
                                            3 时光洪流<br>&nbsp;&nbsp;&nbsp;程响
                                        </p>
                                    </li>
                                </ul>

                            </div>
                        </li>

                    </ul>
                </div>

            </div>

        </div>
    </main>
    <footer></footer>
    <script src="./js/plugin.js"></script>
    <script src="./js/module/appendID.js"></script>

</body>

</html>